
//加载
layui.config({
    //路径
}).extend({
    treeSelect: "treeSelect"
});

layui.use(['treeSelect','form', 'layedit', 'laydate','tableSelect'], function () {
    var form = layui.form
        , layer = layui.layer
        , layedit = layui.layedit
        , laydate = layui.laydate
        , $ = layui.$;   //  使用内置jquery
    var treeSelect= layui.treeSelect;
    var tableSelect = layui.tableSelect;


    let chufa;
    let mudi;


    tableSelect.render({
        elem: '#predictionRecipient',	//定义输入框input对象
        checkedKey: 'clientId', //表格的唯一建值，非常重要，影响到选中状态 必填
        searchKey: 'keyword',	//搜索输入框的name值 默认keyword
        searchPlaceholder: '关键词搜索',	//搜索输入框的提示文字 默认关键词搜索
        table: {	//定义表格参数，与LAYUI的TABLE模块一致，只是无需再定义表格elem
            url: '/logisticsClient/findAll', //数据接口
            cols: [[
                {type: 'radio', fixed: 'left'}
                ,{field: 'clientId', title: 'ID', width:80,  fixed: 'left'}
                ,{field: 'clientName', title: '姓名', width: 90,  totalRow: true}
                ,{field: 'clientTel', title: '联系电话', width:140}
                ,{field: 'clientPwd', title: '密码', width:90}
                ,{field: 'clientAddress', title: '地址', width:160}
                ,{fixed: 'right', width: 165, align:'center', toolbar: '#barDemo'}
            ]]
        },
        done: function (elem, data) {
            //选择完后的回调，包含2个返回值 elem:返回之前input对象；data:表格返回的选中的数据 []
            //拿到data[]后 就按照业务需求做想做的事情啦~比如加个隐藏域放ID...
            var NEWJSON = []
            var NEWJSON1 = []
            for (let i = 0; i < data.data.length; i++) {
                NEWJSON.push(data.data[i].clientName);
                NEWJSON1.push(data.data[i].clientId);
            }
            $("#predictionRecipient").val(NEWJSON.join());
            $("#xinClientId").val(NEWJSON1.join());
        }
    })


    laydate.render({
       elem: "#predictionTime"
    });
// 全局同步
    $.ajaxSetup({
        async: false
    });








    //监听提交
    form.on('submit(demo1)', function (data) {
        // layer.alert(JSON.stringify(data.field), {
        //     title: '最终的提交信息'
        // })
        data.field.predictionDeparture=a;
        data.field.predictionBourn=b;
        let da = data.field;
        var url = "/logisticsPrediction/updateOrAdd";
        $.post(url, da, function (map) {
            if (map.state == 1) {
                //注意：parent 是 JS 自带的全局对象，可用于操作父页面
                var index = parent.layer.getFrameIndex(window.name); //获取窗口索引
                parent.layer.close(index);
                parent.table.reload('testReload');
            }else {
                var index = parent.layer.getFrameIndex(window.name); //获取窗口索引
                parent.layer.close(index);
                layer.msg("客户才可以下单欸!!!");
            }

        }, "json");
        return false;
    });






    /**
     * 关闭
     */
    $("#close_btu").on("click", function () {
        //注意：parent 是 JS 自带的全局对象，可用于操作父页面
        var index = parent.layer.getFrameIndex(window.name); //获取窗口索引
        parent.layer.close(index);
    });



    /**
     * 当点击编辑按钮时会传入一个id到form.html页面
     */
    let id = getQueryString("id");
    //  如果id有值就进行操作
    if (id) {
        $("#ok").show();
        let url = "/logisticsPrediction/selectUpdateId";
        let da = {id: id};
        $.get(url, da, function (map) {
            console.info(map);
            chufa=map.data.predictionDeparture;
            mudi=map.data.predictionBourn;
            if (map.state == 1) {
                form.val('example', map.data);
                form.render(); // 重新渲染
            }
        }, "json");
    }


    /**
     * 价格点击事件  点击会自动生成价格
     */
    $("#money").on("click",function (){
        let url = "/logisticsPrediction/selectMoney";
        let data1 = {predictionDeparture:a,
            predictionBourn:b,
            cargoWeight:$("#cargoWeight").val()};
        console.info(a+" +"+b+" "+$("#cargoWeight").val());

        let data2 = {predictionDeparture:$("#predictionDeparture").val(),
            predictionBourn:$("#predictionBourn").val(),
            cargoWeight:$("#cargoWeight").val()};

        if (data1.predictionDeparture!=null){
            $.post(url,data1,function (map){
                $("#predictionMoney").val(" ");
                console.info(map)
                if (map.state == 1){
                    $("#predictionMoney").val(map.data);
                }else {
                    $("#predictionMoney").val("请填写好货物重量和出发地,目的地!!!");
                }
            },"json");
        }else {
            $.post(url,data2,function (map){
                $("#predictionMoney").val(" ");
                console.info(map)
                if (map.state == 1){
                    $("#predictionMoney").val(map.data);
                }else {
                    $("#predictionMoney").val("请填写好货物重量和出发地,目的地!!!");
                }
            },"json");
        }


    });

var a;

    //  出发地
    treeSelect.render({
        // 选择器
        elem: '#predictionDeparture',
        // 数据
        data: '/logisticsArea/selectYi',
        // 异步加载方式：get/post，默认get
        type: 'get',
        // 占位符
        placeholder: '请选择出发地',
        // 是否开启搜索功能：true/false，默认false
        search: false,
        // 点击回调
        click: function(d){
            a = d.current.id;

        },
        // 加载完成后的回调函数
        success: function (d) {
            //选中节点，根据id筛选
            if (chufa){
                treeSelect.checkNode('tree1',chufa);
            }


        }
    });


    var b;
    //  目的地
    treeSelect.render({
        // 选择器
        elem: '#predictionBourn',
        // 数据
        data: '/logisticsArea/selectYi',
        // 异步加载方式：get/post，默认get
        type: 'get',
        // 占位符
        placeholder: '请选择目的地',
        // 是否开启搜索功能：true/false，默认false
        search: false,
        // 点击回调
        click: function(d){
            b = d.current.id;
        },
        // 加载完成后的回调函数
        success: function (d) {
            //选中节点，根据id筛选
            if (mudi){
                treeSelect.checkNode('tree2',mudi);
            }
            //  刷新树结构
            treeSelect.refresh();
        }
    });


});



